﻿/* Content Page Layout */
.demoarea {
	padding:20px;
	background:#FFF url(../Images/AJAX/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}
/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(../Images/AJAX/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}
.watermarked2 {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:Red;
	color:gray;
}	

.ajax__calendar {
    position: relative;
    left: 0px;
    top: 0px;
    visibility: visible; display: block;
}
.ajax__calendar iframe
{
    left: 0px;
    top: 0px;
}


#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

.green .ajax__progress_indicator
{
    background-image:url(../Images/AJAX/progress_green.gif);
}  
.yelllow .ajax__progress_indicator
{
    background-image:url(../Images/AJAX/progress_yellow.gif);
} 
.orange .ajax__progress_indicator
{
    background-image:url(../Images/AJAX/progress_orange.gif);
} 
.red .ajax__progress_indicator
{
    background-image:url(../Images/AJAX/progress_red.gif);
}    
.solidblue .ajax__progress_indicator
{
    background-image:url(../Images/AJAX/progress_solidblue.gif);
} 
.solidblue .ajax__progress_inner
{
    border-color:#626562;
}  
.solidblue .ajax__progress_outer
{
    border-color:#626562;
}        
.lightblue .ajax__progress_indicator
{
    background-image:url(../Images/AJAX/progress_lightblue.gif);
    height:9px;
}     
.lightblue .ajax__progress_inner
{
    background-image:url(../Images/AJAX/progress_bg_lightblue.gif);
	height:9px;
} 
.xp .ajax__progress_indicator
{
    background-image:url(../Images/AJAX/xp.gif);
    height:9px;
}     
.xp .ajax__progress_inner
{
	height:9px;
} 